中秋連假終於結束，迎接的是憂鬱的星期一，打起精神，準備開始努力撰寫接下來的文章，加油!!

表單相關語法

＜form＞ 標籤

它是一個讓使用者能輸入相關訊息到欄位或選單內。搭配 action 屬性，定義資料傳送的目的地 ; 搭配 method 屬性，可以指定傳遞資料的方法。

＜input＞ 標籤

它是一個蒐集個人訊息的功能。搭配 type 屬性，設定 input 元素為可輸入的文字欄位 ; 搭配 name 屬性，傳遞資料至伺服器的欄位名稱 ; 搭配 value 屬性，設定欄位裡的預設文字 ; 搭配 size 屬性，設定欄位文字長度。

type 屬性

type 屬性值分了很多種，根據不同的狀況，有不同功能能使用，如下表所顯示：

<from action="/" method="get">
你是誰?<br>
<input type="text" name="answer">
<br><br>
<input type="submit">
</from>

範例圖示：

＜textarea＞ 標籤

它會建立多行輸入欄位。搭配 cols 屬性 設定單行最多字數 ; 搭配 rows 屬性 設定顯示出的行數 ; 搭配 name 屬性 資料傳遞伺服器的欄位名稱。

請介紹喵橘是一位怎麼樣的人?<br>
<textarea cols="50" rows="20" name="orange"></textarea><br>
<input type = "submit">

範例圖示：

＜select＞＜option＞ 標籤

＜select＞ 元素會建立多個選項的下拉式選單，搭配屬性 name 是資料傳遞至伺服器欄位的名稱 ; 搭配屬性 size 是顯示多少選項。＜option＞ 元素是下拉式選單內的內容部分，搭配屬性 value 是 傳遞給伺服器的值 ; 搭配屬性 selected 是 初始值選項文字設定。

請選出喵橘的興趣?
<br><br>
<select name="interest" size="4">
    <option value="" selected>請選擇</option>
    <option value="1">跳繩</option>
    <option value="2">看動漫</option>
    <option value="3">看電影</option>
    <option value="4">寫程式</option>
    <option value="5">讀書</option>
</select>
<br><br>
<input type = "submit">

範例圖示：

＜optgroup＞ 標籤

選單元素假如加入 ＜optgroup＞ 元素，就能做群組化的整理。搭配屬性 label 是每一群組的標題分界線。

請選出喵橘的興趣?
<br><br>
<select name="interest" size="9">
    <option value="" selected>請選擇</option>
    <optgroup label="動態">
    	<option value="1">跳繩</option>
    	<option value="2">跑步</option>
    	<option value="3">游泳</option>
    </optgroup>
    <optgroup label="靜態">
    	<option value="1">看動漫</option>
    	<option value="2">看電影</option>
    	<option value="3">寫程式</option>
    </optgroup>
</select>
<br><br>
<input type = "submit">

範例圖示：

重點整理

明天預告

今天是講解網頁表單相關語法，明天繼續解說沒講解完的部分，非常感謝大家的閱讀。